﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

  <title>Karte von Baden</title>

  <link href="Site.css" rel="stylesheet" />
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
  <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
  <![endif]-->

  <script src="Scripts/jquery-2.0.0.js"></script>  
  <script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
  <script src="Scripts/Leaflet.BoundaryCanvas.js"></script> 
<!--  <script src="Scripts/PolygonUmriss.js"></script>-->
  <script src="Site.js"></script>

</head>
<body> 
  
  <h1>Baden bei Wien</h1>
  <div id="map"></div>
  <p>
    Output:     <span id="output"></span>.
  </p>
  <p>
      StartPunkt des Umrisses: <span id="outputx"></span>
  </p>
  <p>
      EndPunkt des Umrisses:   <span id="outputy"></span>
  </p>
  <p>
      Mächtigkeit des Umrisses: <span id="PunkteZahl"></span>
  </p>
    
  <input type="button" id="drawAreaButton" name="drawAreaButton" value="Draw Area" />
  <input type="button" id="clearAreaButton" name="clearAreaButton" value="Clear Area" />
  <input type="button" id="DrawUmriss" name="DrawUmriss" value="Draw Umriss" />

    <h2>Test von Umriss 3 und den jeweiligen Werten und Daten</h2>
    <p>Phi = <span id="Phi"></span></p>
    <p>sin(Phi) = <span id="SinPhi"></span></p>
    <p>cos(Phi) = <span id="CosPhi"></span></p>

    <p>Test von isPOINTinArea(<b>A</b>,AREA): <span id="AinPoly"></span> (A in AREA)</p>
    <p>Test von isPOINTinArea(<b>B</b>,AREA): <span id="BinPoly"></span> (B auf Kante von AREA)</p>
    <p>Test von isPOINTinArea(<b>C</b>,AREA): <span id="CinPoly"></span> (C nicht in AREA)</p>
    <p>Erwartete Werte für <b>A = 1, B = 0, C = -1</b>.</p>

    <p>StartPunkt vom Polygonzug: <span id="PolyStart"></span></p>
    <p>EndPunkt vom Polygonzug: <span id="PolyEnd"></span></p>
    <p>Mächtigkeit des Poly: <span id="MaechtigkeitPoly"></span></p>

  <input type="button" id="Testing_Umriss3" name="Testing_Umriss3" value="Test Umriss Nr.3" />

</body>
</html>
